<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" href="../../css/aui.css">
    <link rel="stylesheet" href="../../css/aliance.css">
    <link rel="stylesheet" href="../../css/pulice.css">
    <script src="../../js/api.js"></script>
    <script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../js/libs/swiper.min.js"></script>
    <script src="../../js/vue.min.js"></script>
    <script src="../../js/vue-resource.min.js"></script>
    <script src="../../js/aui-toast.js"></script>
    <script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
    <title>支付完成</title>
</head>
<script>
    $(function () {
        (function () {
            //引入头部
            $('.hm-bar').load('../../data/headerOther.html',function () {
                $(this).find('.head-main').text('支付完成');
                $(this).find('.head-left').on('tap',function () {
                    window.history.back();
                })
            });
        })()
    })

</script>
<body>
<div class="hm-bar"></div>
    <div class="appBox">
        <div class="appShop lmWG">
            <img src="../../img/lmWG.png" alt=""/>
            <p class="font-base-24">支付成功</p>
        </div>
        <div class="zfMoney lmWGList bdb1">
            <label class="font-base-14">支付订单号</label>
            <div class="zfTxt font-base-12">
                {{payMsg.orderNo}}
            </div>

        </div>
        <div class="zfMoney lmWGList bdb1">
            <label class="font-base-14">付款金额</label>
            <div class="zfTxt font-base-12">
                <span class="lmRed">￥{{payMsg.payMoney}}</span>
            </div>
        </div>
        <div class="zfMoney lmWGList bdb1">
            <label class="font-base-14">付款时间</label>
            <div class="zfTxt font-base-12">
                {{payMsg.createTime}}
            </div>
        </div>
        <a class="btnBlue btn-affirm font-base-14" href="">确认</a>
    </div>
    <script src="../../js/vue.min.js"></script>
    <script src="../../js/vue-resource.min.js"></script>
    <script src="../../js/common.js"></script>
    <script>
        console.log(JSON.parse(getUrlParam('payMsg')))
        new Vue({
            el:'.appBox',
            data:{
                payMsg:{}
            },
            mounted:function(){
                this.$nextTick(function () {
                    this.getparams()
                })
            },
            methods:{
                getparams:function () {
                    this.payMsg=JSON.parse(getUrlParam('payMsg'))

                }
            }
        })
    </script>
</body>
</html>